// 依赖Windi css
// highlight.js
import hljs from 'highlight.js/lib/core';
import typescript from 'highlight.js/lib/languages/typescript';
import 'highlight.js/styles/dark.css'
hljs.registerLanguage('typescript', typescript);

// 参考：
/* 中文网：http://highlight.cndoc.wiki/
官网：https://highlightjs.org/
网友使用：https://blog.robbie.digital/posts/highlight-js */

/* 主要构想：
做一个Code组件，发布npm
兼容vue2、vue3、react 
配色、代码*/

import { useEffect } from 'react';

const View = ({ children }: any) => {
    useEffect(() => {
        hljs.highlightAll();
    }, []);

    return (
        <pre className='language-typescript bg-gray-900 text-light-900 rounded-md p-2'>
            <code>{children}</code>
        </pre>
    )
}

export default View